<template>
	<view>
		<view class="">
			<h1 style="font-weight: bold;font-size: 34rpx;margin-top:20rpx;margin-bottom: 30rpx;">我的交易</h1>
		</view>
		<view class="userTransaction">
			<view class="userTransaction-item"  @click="mineRelease">
				<image src="../static/icon/redShopStore.png" style="width: 80rpx;height: 80rpx;"></image>
				<p style="font-size: 24rpx;">
					我发布的
				</p>
			</view>
			<view class="userTransaction-item" @click="mineSell">
				<image src="../static/icon/maichu.png" style="width: 80rpx;height: 80rpx;"></image>
				<p style="font-size: 24rpx;">
					我卖出的
				</p>
			</view>
			<view class="userTransaction-item" @click="mineBuy">
				<image src="../static/icon/dingdan.png" style="width: 80rpx;height: 80rpx;"></image>
				<p style="font-size: 24rpx;">
					我买到的
				</p>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		name:"mine-service",
	data() {
				return {
	
				};
			},
			methods:{
				// 发布页面跳转
				mineRelease(){
					uni.navigateTo({
					    url: '/pages/mine/mineRelease/mineRelease'
					});
					console.log(1)
				},
				// 卖出页面跳转
				mineSell(){
					uni.navigateTo({
					    url: '/pages/mine/mineSell/mineSell'
					});
					console.log(2)
				},
				// 买到的页面跳转
				mineBuy(){
					uni.navigateTo({
					    url: '/pages/mine/mineBuy/mineBuy'
					});
					console.log(3)
				}
			}
	}
</script>

<style scoped>
.userTransaction {
		display: flex;
		justify-content: space-around;
	}

	.userTransaction-item {
		text-align: center;
	}
</style>
